$(function () {
    init();

    function init() {
        setHTML();
        getCode();
    }
    var data;
    // 获取验证码功能
    function getCode() {
        $(".getYan").on("tap", function () {
            // console.log(123)
            var mobile_txt = $("[name='mobile']").val().trim();
            // console.log(mobile_txt);
            if (!$.checkPhone(mobile_txt)) {
                mui.toast("手机号码格式不正确");
                return;
            }
            $.post(
                "users/get_reg_code", {
                    "mobile": mobile_txt
                },
                function (res) {
                    // console.log(res);
                    if (res.meta.status == 200) {
                        console.log(res.data);
                        data = res.data;
                    } else {
                        mui.toast(res.meta.msg)
                    }
                }, "json"
            )
            timer();
        })

        //注册事件
        $("#zc_btn").on("tap",function () {
            // 获取表单全部的内容
            var mobile_txt = $("[name='mobile']").val().trim();
            var email_txt = $("[name='email']").val().trim();
            var pwd1_txt = $("[name='pwd1']").val().trim();
            var pwd2_txt = $("[name='pwd2']").val().trim();
            var code_txt = $("[name='code']").val().trim();
            var gender = $("[name='radio1']:checked").val().trim();
            console.log(mobile_txt, email_txt, pwd1_txt, pwd2_txt, code_txt,gender);
            //依次进行判断
            // console.log(data);
            if (code_txt != data) {
                mui.toast("验证码有误");
                return;
            }
            if (!$.checkEmail(email_txt)) {
                mui.toast("邮箱格式有误");
                return;
            }
            if (pwd1_txt == "" || pwd2_txt == "") {
                mui.toast("密码不能为空");
                return;
            }
             if (pwd1_txt != pwd2_txt) {
                mui.toast("密码输入不一致");
                return;
            }
            $.post(
                "users/reg",
                {
                    mobile: mobile_txt,
                    code: code_txt,
                    email: email_txt,
                    pwd: pwd1_txt,
                    gender: gender
                },
                function (red) {
                    console.log(red);
                    if (red.meta.status == 200) {
                        mui.toast(red.meta.msg);
                        location.href="/pages/login.html"
                    }
                }
            )
        })
    }


    // 根据屏幕的宽度动态设置html标签的fontsize
    function setHTML() {
        // 设计的宽度 / 基础值 = 要适配的屏幕的宽度 / fz
        // fz=要适配的屏幕的宽度*基础值/设计的宽度

        // 基础值
        var baseVal = 100;
        // 设计稿的宽度
        var pageWidth = 375;
        // 当前屏幕的宽度
        var screenWidth = document.querySelector("html").offsetWidth;
        // 要设置fontsize
        var fz = screenWidth * baseVal / pageWidth;

        // 赋值给HTML标签
        document.querySelector("html").style.fontSize = fz + "px";
    }
    window.onresize = function () {
        setHTML();
    }

    // 倒计时定时器
    function timer() {
        var index = 5;
        $(".getYan").attr("disabled", "disabled");
        var timeId = setInterval(function () {
            index--;
            $(".getYan").html(index + "秒后重新获取");
            if (index <= 0) {
                clearInterval(timeId);
                $(".getYan").html("获取验证码");
                $(".getYan").removeAttr("disabled");
            }
        }, 1000)
    }

})